<template>
  <div class="about">
    <h1>关于页面</h1>
    <AboutChild></AboutChild>
    <!-- <h3>{{this.$store.state.count}}</h3>
    <h3>{{this.$store.getters.getStateCount}}</h3> -->
    <!-- <button @click="incrementCount">count++</button>
    可以使用 mapState  mapActions  mapGetters 来简化代码 -->
  </div>
</template>
<script>
import AboutChild from '../components/AboutChild'
export default {
  name: 'About',
  created () {
    console.log('about', 'created()')
  },
  components: {
    AboutChild
  },
  methods: {
    incrementCount () {
      this.$store.dispatch('incrementCount')
    }
  },
  beforeCreate () {
    console.log('about', 'beforeCreate()')
  },
  mounted () {
    console.log('about', 'mounted()')
  }
}
</script>
